$(function(){

    $("#linkReg").on("click",function(){
        $(".regBox").show()
        $(".loginBox").hide()
    })

    $("#linkLogin").on("click",function(){
        $(".regBox").hide()
        $(".loginBox").show()
    })

    // 1.自定义验证规则
    layui.form.verify({
        pwd:[
            /^[\S]{6,12}$/,
            '密码必须6到12位，且不能出现空格'
        ],
        repwd:function(value,item){
         var password = $(".regBox [name=password]").val()
         if(password!==value){
             return "两次密码不一致"
         }
        }
    })
  
    // 2.注册功能
    $("#regForm").on("submit",function(e){
        e.preventDefault()
        // ajax发送请求
        $.ajax({
            type:"post",
            url:"/api/reguser",
            data:{
                username:$(".regBox [name=username]").val(),
                password:$(".regBox [name=password]").val()
            },
            success:function(res){
                // console.log(res);
                if(res.status!==0){
                    return layui.layer.msg(res.message)
                }
                layui.layer.msg('注册成功') 
                $("#linkLogin").click()
            }
        })
    })

    // 3.登录功能
    $("#loginForm").on("submit",function(e){
        e.preventDefault();

        $.ajax({
            type:"post",
            url:"/api/login",
            data:$(this).serialize(),
            success(res){
                // console.log(res);
                if(res.status!==0){
                    return layui.layer.msg("登录失败");
                }
                layui.layer.msg("登录成功")

                // 1.token 保存在本地存储 localStorage  sessionStorage   cookie
                localStorage.setItem("token",res.token)
                // 2.跳转到后台的首页
                location.href = "/index.html"
                // location.assign("/index.html")
            }
        })
    })

})